

<template>
    <ContentWrap>
        <CardTitle title="DictTag 使用" />
        <code class="code-block mt-20px">
            &lt;DictTag type="system-status" :value="value" /&gt;
        </code>
        <CardTitle title="DictTag 代码示例" />
        <pre class="code-block">
            <code>
                &lt;script setup lang="ts"&gt;
                import { ref } from 'vue'
                const value = ref('1')
                &lt;/script&gt;
            </code>
        </pre>
        <CardTitle title="DictTag 属性" />
        <table class="properties-table mt-20px">
            <thead>
                <tr>
                    <th>属性</th>
                    <th>类型</th>
                    <th>默认值</th>
                    <th>说明</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>value</td>
                    <td>String</td> 
                    <td>--</td>
                    <td>字典值</td>
                </tr>
                <tr>
                    <td>type</td>
                    <td>String</td>
                    <td>--</td>     
                    <td>字典类型</td>
                </tr>
            </tbody>
        </table>
        <CardTitle title="DictTag 示例" />
        <div class="mt-20px">
            <DictTag type="system-status" :value="value" />  <br/>
            <DictTag type="system-status" value="未审批" />
        </div>
    </ContentWrap>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const value = ref('1')

</script>
<style lang="scss" scoped></style>